/**
 * 主题配置工具
 * 用于在Docker环境中确保样式变量的正确加载
 */

// 定义主题颜色常量，避免SCSS导入问题
export const themeConfig = {
  // 侧边栏
  menuText: '#333333',
  menuActiveText: '#409EFF',
  subMenuActiveText: '#409EFF',
  menuBg: '#ffffff',
  menuHover: '#f5f7fa',
  subMenuBg: '#ffffff',
  subMenuHover: '#f5f7fa',
  
  // 主题颜色
  primaryColor: '#409EFF',
  successColor: '#67C23A',
  warningColor: '#E6A23C',
  dangerColor: '#F56C6C',
  infoColor: '#909399',
  
  // 文本颜色
  textPrimary: '#303133',
  textRegular: '#606266',
  textSecondary: '#909399',
  textPlaceholder: '#C0C4CC',
  
  // 头部导航栏
  navbarHeight: '60px',
  navbarBg: '#ffffff',
  
  // 侧边栏宽度
  sideBarWidth: '220px'
}

/**
 * 安全获取SCSS变量的方法
 * 如果SCSS导入失败，使用备用配置
 */
export function getStyleVariables() {
  try {
    // 尝试导入SCSS变量（从专门的导出文件）
    const variables = require('@/styles/variables.scss')
    
    // 检查是否成功导入
    if (variables && variables.menuBg) {
      return variables
    }
  } catch (error) {
    console.warn('SCSS variables import failed, using fallback config:', error)
  }
  
  // 返回备用配置
  return themeConfig
}

export default themeConfig
